<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>提示词模版管理</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<!-- jQuery-->
		<script type="text/javascript" src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>

		<!-- layui-->
		<link rel="stylesheet" href="/static/plugins/layui/2.8.4/css/layui.css" media="all">
		<script src="/static/plugins/layui/2.8.4/layui.js" charset="utf-8"></script>
	</head>
	<style>
		.title-view{
			background-color: white;
			width: 95%;
			
			margin: 0 auto;
			margin-top: 20px;
			margin-bottom: 20px;
			border-radius: 10px;
			padding: 17px 30px 17px 30px ;
			box-shadow: #D2D8E0 2px 2px 2px 2px ;//边框阴影
		}
		.title-main{
			font-size: 17px;
			padding-bottom: 10px;
			font-weight: 600;
		}
		.title-tip{
			font-size: 12px;
			color: #ffa33a;
			padding-bottom: 10px;
		}
		.content-view{
			width: 95%;
			background-color: white;
			margin: 0 auto;
			padding: 17px 30px 17px 30px ;
		}
		.btn-view{
			border-radius: 7px;
			padding-left: 20px;
		}
		.btn-view-search{
			float: right;
			padding-right: 20px;: 20px;
		}
		.card-view{
			border-style: solid;
			border-color: #F7F7F9;
			border-width: 2px;
			border-radius: 10px;
		}
		.card-body-set{
			font-size: 12px;
			color: #9e9fa1;
			height: 100px;
		}
		.more-set{
			float: right;
		}
		.more-btn-set{
			border:none;
			margin-right:-15px;
		}
	</style>
	<body style="background-color: #F7F7F9;">
		
		<!--标题-->
		<div class="title-view">
			
			<div class="title-main"><span>Prompt模版管理</span></div>
			<div class="title-tip">
				<span>什么是Prompt？</span><br>
				<span>Prompt也叫提示词，简单的理解成它是给大模型的指令。</span>
				<span>它可以是一个问题、一段文字描述，甚至可以是带有一堆参数的文字描述。大模型会基于 prompt 所提供的信息，生成对应的文本或者图片。</span>
				<span>它把大模型的输入限定在了一个特定的范围之中，进而更好地控制模型的输出。</span>
				<span>Prompt工程的作用，就是通过提供清晰和具体的指令，引导模型输出生成高相关、高准确且高质量的文本对答内容，属于自然语言处理领域突破的重要工程。</span>
			</div>
			
		</div>
		
		
		<!--内容-->
		<div class="content-view">
			<!--内容顶部按钮-->
			<div class="btn-view">
				<div class="layui-btn-container">
				   <button type="button" class="layui-btn layui-bg-blue btn-view" lay-on="add-iframe"><i class="layui-icon layui-icon-add-1"></i>新增提示词模版</button>
				   
				   <div class="layui-input-group btn-view-search">
				        <input type="text" placeholder="搜索提示词模版名称" class="layui-input">
				        <div class="layui-input-split layui-input-suffix" style="cursor: pointer;">
							<i class="layui-icon layui-icon-search"></i>
				        </div>
				    </div>
				</div>
				
				
			</div>
			
			
			<!--内容列表-->
			<div class="layui-bg-white" style="padding: 16px;">
			  <div>
				<table class="layui-table" lay-data="{height:315, page:true}" id="ID-table-demo-init">
				  <thead>
				    <tr>
				      <th lay-data="{field:'name', sort: true}">模版名称</th>
				      <th lay-data="{field:'uploadtype'}">模版</th>
				      <th lay-data="{field:'tokens'}">场景类型</th>
					  <th lay-data="{field:'tpye'}">参数格式</th>
				      <th lay-data="{field:'time'}">创建时间</th>
					  <th lay-data="{field:'time'}">创建人</th>
				      <th lay-data="{field:'opt'}">操作</th>
				    </tr>
					<tr>
					  <td>xxxx</td>
					  <td>我想让你充当人生教练。我将提供一些关于我目前的情况和目标的细节，而你的工作就是提出可以帮助我做出更好的决定并实现这些目标的策略。这可能涉及就各种主题提供建议，例如制定成功计划或处理困难情绪。
我的第一个请求是{request}</td>
					  <td>文生文</td>
					  <td>大括号{}</td>
					  <td>2023-11-29</td>
					  <td>admin</td>
					  <td>详情 修改 删除</td>
					</tr>
				  </thead>
				</table>
				
				
			</div>
		</div>
		
		
		
		<script>
		layui.use(function(){
		  var dropdown = layui.dropdown;
		  var $ = layui.$;
		  var layer = layui.layer;
		  var util = layui.util;
		  // 自定义事件
		  dropdown.render({
		    elem: '.demo-dropdown-on',
		    // trigger: 'click' // trigger 已配置在元素 `lay-options` 属性上
		    data: [{
		      title: '修改',
		      id: 100
		    },{
		      title: '删除',
		      id: 101
		    }]
		  });
		 
		  // 事件
		  util.on('lay-on', {
		    'add-iframe': function(){
		      layer.open({
		  				  title: '新增',
		        type: 2,
		        area: ['1000px', '600px'],
		        content: '/web/eKnowAi/webEKnowAiController/promptProjectAdd',//'../aiTalkTest/promptProjectAdd.html',
		        fixed: false, // 不固定
		        maxmin: true,
		        btnAlign: 'c',
		        
		      });
		    },
		    
		  })
		  
		});
		</script>
		
		
		
		
		
	</body>
</html>


